// 目标：完成登录功能
// 1.1给登录按钮添加注册事件 
const loginForm = document.querySelector('.login-form')
document.querySelector('#btn-login').addEventListener('click', async e => {
  // 1.2 收集表单数据并验证
  const data = serialize(loginForm, { hash: true, empty: true })
  if (!data.username || !data.password) {
    return showToast('请输入用户名或密码')
  }
  if (data.username.length < 8 || data.username.length > 30) {
    return showToast('用户名格式错误')
  }
  if (data.password.length < 6 || data.password.length > 30) {
    return showToast('密码格式错误')
  }
  // 1.2 发送请求dev

  // 1.4 判断请求，提示用户
  try {
    const res = await axios.post('/login', data)
    console.log(res)
    const obj = {}
    obj.username = res.data.username
    obj.token = res.data.token
    // 1.5如果成功则本地存储用户名
    localStorage.setItem('userMsg', JSON.stringify(obj))
    showToast(res.message)
    //跳转页面
    setTimeout(() => {
      location.href = './index.html'
    }, 1500)
  } catch (err) {
    return showToast(err.response.data.message)
  }
})


